<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>检测项目详情-抽检中</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="众测天下@zhongcetianxia.com">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-transform"/>
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/??sm.min.css,sm-extend.min.css">
<link rel="stylesheet" type="text/css" href="../../Public/template/green/css/webapp.css" />
<!--<script type='text/javascript' src='http://g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>-->
<script src="http://wximg.qq.com/wxp/libs/wxmoment/0.0.4/wxmoment.min.js"></script>
</head>
<body>
<div class="page" id="page-no-infinite-scroll">
    <header class="bar bar-nav bg-main bg-inverse">
        <a class="icon icon-left pull-left back"></a>
        <a class="zc-dot pull-right open-share" data-popup="popup-share">•••</a>
        <h1 class="title color-white fs-2x fw-bold">检测项目详情</h1>
    </header>
    <nav class="bar bar-tab">
        <div class="row no-gutter">
            <div class="col-66">
                <div class="content-padded clearfix">
                    <textarea class="openComment ds-block w-full r-round-s ph-1x b-light" placeholder="我想说两句" rows="1"></textarea>
                </div>
            </div>
            <div class="col-33">
                <a class="tab-item jumpTo" data-id="comment"> <span class="zc zc-big zc-comment"></span><span class="badge itme-badge">99+</span></a>
                <a class="tab-item btn-star"> <span class="zc zc-big zc-star"></span></a>
                <a class="tab-item open-share" data-popup="popup-share"> <span class="zc zc-big zc-share"></span></a>
            </div>
        </div>
    </nav>
    <div class="content">
        <div class="banner swiper-container p-no" data-space-between='0'>
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="../../Public/template/green/img/demo/thumb-project.jpg" alt="玉其 薄荷糕 散装称重检测">
                    <div class="caption">玉其 薄荷糕 散装称重检测</div>
                </div>
            </div>
        </div>
        <div class="list-block media-list relative mv-no bg-white">
            <!--检测结果-->
            <!--检测结果|合格-->
            <!--<div class="testing_result qualified"></div>-->
            <!--检测结果|不合格-->
            <!--<div class="testing_result unqualified"></div>-->
            <!--检测结果-->
            <ul class="list-container bg-no">
                <li>
                    <div class="item-content pr-1x bv">
                        <div class="item-media"><img src="../../Public/template/green/img/avatar.png" class="thumb-1x r-circle"></div>
                        <div class="item-inner">
                            <div class="item-title">消失的石头<small class="color-grey ml-0x">2015-12-12 发起</small></div>
                            <div class="item-block fs-1x">"食品安全我做主，一起参与众测吧~“</div>
                        </div>
                    </div>
                    <div class="row pv-0x text-center">
                        <div class="col-33 br"><p class="m-no color-dark">2000元</p><small class="color-grey">已筹</small></div>
                        <div class="col-33 br"><p class="m-no color-dark">3000元</p><small class="color-grey">目标</small></div>
                        <div class="col-33"><p class="m-no color-dark">26人</p><small class="color-grey">支持人数</small></div>
                    </div>
                </li>
                <li>
                    <div class="p-1x">
                        <div class="status w-full">
                            <!--募集开始-->
                            <!--<img src="../../Public/template/green/img/founding_status_1.png">-->
                            <!--募集完成+检测中-->
                            <img src="../../Public/template/green/img/founding_status_2.png">
                            <!--检测完成-->
                            <!--<img src="../../Public/template/green/img/founding_status_3.png">-->
                        </div>
                    </div>
                </li>
                <li>
                    <a href="../Project/sponsor.html" class="item-link item-content">
                        <div class="item-media"><img src="../../Public/template/green/img/avatar.png" class="thumb-0x r-circle"></div>
                        <div class="item-media"><img src="../../Public/template/green/img/avatar.png" class="thumb-0x r-circle"></div>
                        <div class="item-media"><img src="../../Public/template/green/img/avatar.png" class="thumb-0x r-circle"></div>
                        <div class="item-media"><img src="../../Public/template/green/img/avatar.png" class="thumb-0x r-circle"></div>
                        <div class="item-media"><img src="../../Public/template/green/img/avatar.png" class="thumb-0x r-circle"></div>
                        <div class="item-media"><img src="../../Public/template/green/img/avatar.png" class="thumb-0x r-circle"></div>
                        <div class="item-inner as-center">
                            <div class="item-title-row">
                                <div class="item-after color-grey">更多支持者</div>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <div class="item-block clearfix">
                        <div class="content-padded">
                            说到薄荷糕不用想，就有一种很清香的味道出来了~薄荷糕是糯米粉里拌着些许的薄荷粉,甜甜的，凉凉的，吃完后嘴巴就像刚刷过牙一样，口气绝对清新。但是我是一个有洁癖的人，不知道薄荷糕的制作过程卫不卫生，是否有含有害物质，洁癖强迫症还是决定测测吧。
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="list-block media-list mb-no mt-0x">
            <ul class="list-container">
                <li class="bg-warning-light">
                    <a href="../Project/testing_detail.html" class="item-link item-content">
                        <div class="item-inner">
                            <div class="item-title-row">
                                <div class="item-title">检测详情</div>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="list-block media-list mb-no mt-0x">
            <ul class="list-container">
                <li>
                    <div class="item-content">
                        <div class="item-inner">
                            <div class="item-title-row">
                                <div class="item-title">支持者</div>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-media"><img src="../../Public/template/green/img/avatar.png" class="thumb-1x r-circle"></div>
                        <div class="item-inner">
                            <div class="item-title-row ai-center">
                                <div class="item-title">消失的石头<small class="ds-block">2015.10.10  10:00</small></div>
                                <div class="item-after fw-bold color-warning-light">￥10 元</div>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-media"><img src="../../Public/template/green/img/avatar.png" class="thumb-1x r-circle"></div>
                        <div class="item-inner">
                            <div class="item-title-row ai-center">
                                <div class="item-title">消失的石头<small class="ds-block">2015.10.10  10:00</small></div>
                                <div class="item-after fw-bold color-warning-light">￥10 元</div>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-media"><img src="../../Public/template/green/img/avatar.png" class="thumb-1x r-circle"></div>
                        <div class="item-inner">
                            <div class="item-title-row ai-center">
                                <div class="item-title">消失的石头<small class="ds-block">2015.10.10  10:00</small></div>
                                <div class="item-after fw-bold color-warning-light">￥10 元</div>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-inner">
                            <div class="item-title text-center"><a class="color-main ds-block" href="../Project/sponsor.html"> 查看更多支持信息（10）&gt;</a></div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="list-block media-list mt-0x mb-no" id="comment">
            <ul class="list-container">
                <li>
                    <div class="item-content">
                        <div class="item-inner">
                            <div class="item-title-row">
                                <div class="item-title">精彩评论</div>
                                <div class="item-after">
                                    <a class="openComment color-main" id="openComment">+我来说两句</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content ai-top">
                        <div class="item-media"><img src="../../Public/template/green/img/avatar.png" class="thumb-1x r-circle"></div>
                        <div class="item-inner">
                            <div class="item-title-row">
                                <div class="item-title">消失的石头</div>
                                <div class="item-after">
                                    <a class="color-grey"> <i class="zc zc-comment-like zc-w pull-left"></i><span class="small_tips likecount">6</span> </a>
                                    <a class="color-grey" href="../Comment/comment_detail.html"> <i class="zc zc-comment zc-w pull-left"></i><span class="small_tips">0</span> </a>
                                </div>
                            </div>
                            <div class="item-subtitle"><small>2016-03-17 11:51</small></div>
                            <div class="item-block">
                                <a class="color-dark" href="../Comment/comment_detail.html">算了。又不能吃鸡了</a>
                                <div class="well fs-1x clearfix">
                                    <ul class="list-unstyled bg-no">
                                        <li><span class="color-main">客服：</span>谢谢您的关注</li>
                                        <li><span class="color-main">消失的深林：</span>是啊，以后不敢吃了</li>
                                        <li><span class="color-main">jordon：</span>这个竟然有问题</li>
                                    </ul>
                                    <a class="color-main" href="../Comment/comment_detail.html">查看更多评论</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content ai-top">
                        <div class="item-media"><img src="../../Public/template/green/img/avatar.png" class="thumb-1x r-circle"></div>
                        <div class="item-inner">
                            <div class="item-title-row">
                                <div class="item-title">消失的石头</div>
                                <div class="item-after">
                                    <a class="color-grey"> <i class="zc zc-comment-like zc-w pull-left"></i><span class="small_tips likecount">6</span> </a>
                                    <a class="color-grey" href="../Comment/comment_detail.html"> <i class="zc zc-comment zc-w pull-left"></i><span class="small_tips">0</span> </a>
                                </div>
                            </div>
                            <div class="item-subtitle"><small>2016-03-17 11:51</small></div>
                            <div class="item-text"><a class="color-dark" href="../Comment/comment_detail.html">算了。又不能吃鸡了</a></div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content ai-top">
                        <div class="item-media"><img src="../../Public/template/green/img/avatar.png" class="thumb-1x r-circle"></div>
                        <div class="item-inner">
                            <div class="item-title-row">
                                <div class="item-title">消失的石头</div>
                                <div class="item-after">
                                    <a class="color-grey"> <i class="zc zc-comment-like zc-w pull-left"></i><span class="small_tips likecount">6</span> </a>
                                    <a class="color-grey" href="../Comment/comment_detail.html"> <i class="zc zc-comment zc-w pull-left"></i><span class="small_tips">0</span> </a>
                                </div>
                            </div>
                            <div class="item-subtitle"><small>2016-03-17 11:51</small></div>
                            <div class="item-text"><a class="color-dark" href="../Comment/comment_detail.html">算了。又不能吃鸡了</a></div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content ai-top">
                        <div class="item-media"><img src="../../Public/template/green/img/avatar.png" class="thumb-1x r-circle"></div>
                        <div class="item-inner">
                            <div class="item-title-row">
                                <div class="item-title">消失的石头</div>
                                <div class="item-after">
                                    <a class="color-grey"> <i class="zc zc-comment-like zc-w pull-left"></i><span class="small_tips likecount">6</span> </a>
                                    <a class="color-grey" href="../Comment/comment_detail.html"> <i class="zc zc-comment zc-w pull-left"></i><span class="small_tips">0</span> </a>
                                </div>
                            </div>
                            <div class="item-subtitle"><small>2016-03-17 11:51</small></div>
                            <div class="item-text"><a class="color-dark" href="../Comment/comment_detail.html">算了。又不能吃鸡了</a></div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-inner">
                            <div class="item-title text-center"><a class="color-main ds-block" href="../Comment/comments.html"> 查看更多评论（10）&gt;</a></div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <!--<div class="block bg-white fixed-bottom">
            <a href="../Project/payment.html" class="button button-big button-fill bg-main r-no">立即支持</a>
        </div>-->
        <div class="block bg-grey bt fixed-bottom hide" id="comment-form">
            <form>
                <div class="content-padded clearfix">
                    <textarea name="content" id="content" class="ds-block w-full r-round-s ph-1x b-light" placeholder="我想说两句" rows="3"></textarea>
                </div>
                <div class="content-padded clearfix">
                    <a href="#" class="button button-fill disabled pull-right" id="submit">发布</a>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- Share Popup -->
<div class="popup popup-share bg-no of-hide">
    <div class="block text-center">
        <a class="close-popup"><img src="../../Public/template/green/img/share_tips.png"></a>
    </div>
</div>
<script type="text/javascript">var basePath="../../Public/template/green";</script>
<script type="text/javascript" src="../../Public/template/green/js/loading.js"></script>
<script type="text/javascript" src="../../Public/template/green/sui/sm.min.js"></script>
<script type="text/javascript" src="../../Public/template/green/js/webapp.js"></script>
<script type="text/javascript">
    $(function() {
        /**
         * 平滑跳转
         */
        $(".jumpTo").click(function(event) { 
            var jumpTo=$(this).attr('data-id');
            var id='#'+jumpTo;
            //alert($('.bar-nav').outerHeight());
            //alert($(id).offset().top);
            $(".content").scrollTop($(id).offset().top-$('.bar-nav').outerHeight());//要减去导航栏的高度
            //$('.content').animate({scrollTop: $(id).offset().top}, 1000);
        });

        /**
         * 分享弹窗
         */
        $(document).on('click','.open-share', function () {
            $.popup('.popup-share');
        });

        /**
         * 收藏
         */
        $(document).on('click','.btn-star', function () {
            $(".zc-star").toggleClass("active");
        });

        /**
         * 点赞
         */
        $(document).on('click','.zc-comment-like', function () {
            $(this).toggleClass("active");
        });

        /**
         * 评论
         */
        //点击任何地方执行
        $(document).click(function(){
            $("#comment-form").hide();
        });

        $("#comment-form").click(function(event){
            event.stopPropagation();//阻止冒泡事件
        });

        $(".openComment").click(function(event){
            $("#comment-form").show();
            document.getElementById('content').focus();
            event.stopPropagation();//阻止冒泡事件
        });

        //监听文字输入
        document.getElementById('content').addEventListener("keyup", function(){
            //alert("Hello World!");
            if(document.getElementById('content').value){
                $("#submit").addClass("bg-main");
            }else{
                $("#submit").removeClass("bg-main");
            }
        });
    });
</script>
</body>
</html>
